<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>知乎网页</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <div class="header">
        <div class="wrapper">
            <div class="logo"><h1>知乎</h1></div>
            <div class="nav">
                <ul>
                    <li><a href="">首页</a></li>
                    <li><a href="">发现</a></li>
                    <li><a href="">等你来答</a></li>
                </ul>
            </div>    
            <div class="search">
                <input type="text" >
            </div>
            <div class="user">
                <span>用户名称</span>
            </div>
        </div>
    </div>
    <div class="main">
        <div class="article">
            <h1>文章标题</h1>
            <div class="author">
                <img src="author-avatar.jpg" alt="作者头像" class="avatar">
                <span>作者名</span>
            </div>
            <div class="content">
                <p>知乎是一个中文问答社区，用户可以在这里提出问题、回答问题、分享知识和经验。</p>
                <p>知乎汇聚了众多专业人士和爱好者，涵盖了各个领域的知识，如科技、文化、生活等。</p>
                <p>在这里，你可以找到各种有趣的话题和深入的讨论，还可以结识志同道合的朋友。</p>
            </div>
            <div class="actions">
                <button class="like">赞同</button>
                <button class="comment">评论</button>
                <button class="share">分享</button>
            </div>
        </div>
    </div>
    <div class="footer">
        <p>© 2025 知乎</p>
    </div>
</body>
</html>